<div class="modal fade" id="app_box_languages" tabindex="-1" role="dialog" aria-labelledby="boxMap"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header">
                <button class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel"><?php echo $this->translate('Choose your language') ?></h4>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">
                        <ul class="nav nav-pills nav-stacked" id="app_language_box" role="tablist">
                            <li class="active">
                                <a href="#" role="tab" data-toggle="tab">
                                    <span class="badge pull-right"><?php echo $language->total ?></span>
                                    <?php echo $this->translate('All languages') ?>
                                </a>
                            </li>
                            <?php foreach ($language->region as $region) : ?>
                                <li>
                                    <a href="#" role="tab" data-toggle="tab">
                                        <span class="badge pull-right"><?php echo $region['id'] ?></span>
                                        <?php echo $region['name'] ?>
                                    </a>
                                </li>
                            <?php endforeach ?>
                        </ul>
                    </div>

                    <div class="col-md-8">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                English Tiếng Việt
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>